﻿<!DOCTYPE html>
<html>
<head>
    <title>Black &amp; White</title>

    <!-- meta -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- css -->
    <link rel="stylesheet" href="~/Content/css/bootstrap.min.css">
    <link rel="stylesheet" href="~/Content/css/ionicons.min.css">
    <link rel="stylesheet" href="~/Content/css/pace.css">
    <link rel="stylesheet" href="~/Content/css/custom.css">

    <!-- js -->
    <script src="~/Content/js/jquery-2.1.3.min.js"></script>
    <script src="~/Content/js/bootstrap.min.js"></script>
    <script src="~/Content/js/pace.min.js"></script>
    <script src="~/Content/js/modernizr.custom.js"></script>
</head>

<body>
    <div class="container">
        <header id="site-header">
            <div class="row">
                <div class="col-md-4 col-sm-5 col-xs-8">
                    <div class="logo">
                        <h1><a href="@Url.Action("Index","Home")">逝去日子的博客</a></h1>
                    </div>
                </div><!-- col-md-4 -->
                <div class="col-md-8 col-sm-7 col-xs-4">
                    <nav class="main-nav" role="navigation">
                        <div class="navbar-header">
                            <button type="button" id="trigger-overlay" class="navbar-toggle">
                                <span class="ion-navicon"></span>
                            </button>
                        </div>

                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="cl-effect-11"><a href="index.html" data-hover="Home">Home</a></li>
                                <li class="cl-effect-11"><a href="full-width.html" data-hover="Blog">Blog</a></li>
                                <li class="cl-effect-11"><a href="about.html" data-hover="About">About</a></li>
                                <li class="cl-effect-11"><a href="contact.html" data-hover="Contact">Contact</a></li>
                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </nav>
                    <div id="header-search-box">
                        <a id="search-menu" href="#"><span id="search-icon" class="ion-ios-search-strong"></span></a>
                        <div id="search-form" class="search-form">
                            <form role="search" method="get" id="searchform" action="#">
                                <input type="search" placeholder="Search" required>
                                <button type="submit"><span class="ion-ios-search-strong"></span></button>
                            </form>
                        </div>
                    </div>
                </div><!-- col-md-8 -->
            </div>
        </header>
    </div>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>

    <div class="content-body">
        <div class="container">
            <div class="row">
                @RenderBody()

                <aside class="col-md-4">
                    <div class="widget widget-recent-posts">

                        @Html.Action("RecentPost", "PostInfo")


                    </div>
                    <div class="widget widget-archives">
                        <h3 class="widget-title">Archives</h3>
                        <ul>
                            <li>
                                <a href="#">November 2014</a>
                            </li>
                            <li>
                                <a href="#">September 2014</a>
                            </li>
                            <li>
                                <a href="#">January 2013</a>
                            </li>
                        </ul>
                    </div>
                    @Html.Action("PostCategoryInfo", "PostInfo")
                    @*<div class="widget widget-category">
                            <h3 class="widget-title">Category</h3>
                            <ul>
                                <li>
                                    <a href="#">Web Design</a>
                                </li>
                                <li>
                                    <a href="#">Web Development</a>
                                </li>
                                <li>
                                    <a href="#">SEO</a>
                                </li>
                            </ul>
                        </div>*@
                </aside>
            </div>
        </div>
    </div>
    <footer id="site-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p class="copyright">&copy; @DateTime.Now.Year  <a href="http://www.lylinux.org/" target="_blank" title="逝去日子的博客">Lylinux.org  逝去日子的博客  </a></p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Mobile Menu -->
    <div class="overlay overlay-hugeinc">
        <button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="full-width.html">Blog</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </div>

   

    <link href="~/Content/classyleaves/css/jquery.classyleaves.css" rel="stylesheet" />
    <script src="~/Content/classyleaves/js/jquery.rotate.js"></script>
    <script src="~/Content/classyleaves/js/jquery.classyleaves.js"></script>

    <script>
        //$(document).ready(function () {
        //    var tree = new ClassyLeaves({
        //        leaves: 10,
        //        maxY: -10,
        //        multiplyOnClick: true,
        //        multiply: 2,
        //        infinite: true,
        //        speed: 4000
        //    });
        //    $('body').on('click', '.addLeaf', function () {
        //        console.log('8');
        //        tree.add(8);
        //        return false;
        //    });
        //});
    </script>

</body>
</html>